<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title> Company List</title>

    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/font-awesome/css/font-awesome.css}" rel="stylesheet"/>

    <link th:href="@{/css/animate.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
</head>
<body>
<div id="wrapper">
    <div th:include="common/navbar_left :: navbar_left"></div>
    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom" th:include="common/navbar_header :: navbar_header"></div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-10">
                <h2>My Follow</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="#">Home</a>
                    </li>
                    <li class="active">
                        <strong>My Follow</strong>
                    </li>
                </ol>
            </div>
            <div class="col-lg-2">

            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>Company List</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content" style="">
                            <table class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>User ID</th>
                                    <th>User Name</th>
                                    <th>Email</th>
                                    <th>Location</th>
                                    <th>Headquarter</th>
                                    <th>Industry</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr th:each="c,index: ${companyList}">
                                    <th class="col-md-1" th:text="${index.index} + 1"></th>
                                    <th class="col-md-1" th:text="${c.cId}"></th>
                                    <th class="col-md-1" th:text="${c.name}"></th>
                                    <th class="col-md-2" th:text="${c.email}"></th>
                                    <th class="col-md-2" th:text="${c.location}"></th>
                                    <th class="col-md-2" th:text="${c.headquarter}"></th>
                                    <th class="col-md-2" th:text="${c.industry}"></th>
                                    <th class="col-md-1">
                                        <a th:href="@{/company/detail(cId = ${c.cId})}"><i class="fa fa-check text-navy"> Detail</i></a>
                                    </th>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div>
                <strong>Copyright</strong> Jobster &copy; 2018
            </div>
        </div>

    </div>
</div>
<!-- Mainly scripts -->
<div th:include="common/common_js :: common_js"></div>

<!-- Custom and plugin javascript -->
<script th:src="@{/js/inspinia.js}"></script>

<script th:inline="javascript" type="text/javascript">
    //<![CDATA[
    $(function () {

    });

    //]]>
</script>
</body>
</html>
